<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../dist/css/index.min.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header>
			<a href="">
				<img src="imgs/1.jpg">
			</a>
		</header>
		<div class="nav">
			<div class="nav-1">
				<div class="box1">
					欢迎光临文轩网！
					<a href="">请&nbsp;&nbsp;登录</a>
					<a href="">免费注册</a>
				</div>

				<div class="box">
					<a href="#">我的文轩</a>
					<a href="">企业采购</a>
					<a href="">客服服务</a>
					<a href="">手机文轩</a>
				</div>
			</div>
		</div>

		<!-- 内容 -->
		<div class="select">
			<img src="imgs/head_logo.png">
			<form action="" method="post">

				<input type="text" value="" class="tit" placeholder="月亮与六便士">
				<img src="imgs/2.jpg" id="img-1">
				<input type="button" value="搜索" class="tit1">
			</form>
			<div class="gwc">
				<img
					src="https://static.winxuancdn.com/cms/assets/images/winxuanhome/index/right-pop-shopping-icon.png">购物车
			</div>
		</div>
		<div class="text">
			热搜 ：
			<a href="">袁隆平</a> <span>|</span>
			<a href="">中国共产党简史</a><span>|</span>
			<a href="">购书卡</a><span>|</span>
			<a href="">图书优惠券</a><span>|</span>
			<a href="">今日秒杀</a><span>|</span>
			高级搜索
		</div>

		<!-- 导航 -->
		<div class="pox">
			<div class="pox1">
				<b href="#">全部商品分类</b>
				<a href="">优惠券</a>
				<a href="">图书畅销榜</a>
				<a href="">新书热卖榜</a>
				<a href="">童书绘本</a>
				<a href="">小说文学</a>
				<a href="">社科经管</a>
				<a href="">网络科技</a>
				<a href="">医学</a>
				<a href="">教材教辅</a>
				<a href="">生活艺术</a>
			</div>
		</div>
		<div class="lbt">
			<img src="imgs/2000-480.jpg">
		</div>

		<div class="mod">
			<div class="mod-1">
				<h5>流浪地球</h5>
				<p>小说抢先看</p>
				<img src="imgs/ll.jpg" >
			</div>
			<div class="mod-1">
				<h5>童书精选</h5>
				<p>每周上新</p>
				<img src="imgs/tx.jpg" >
			</div>
			<div class="mod-1">
				<h5>公共营养师</h5>
				<p>官方教程</p>
				<img src="./imgs/gg.jpg" >
			</div>
			<div class="mod-1">
				<h5>办公书籍学起来</h5>
				<p>提高效率</p>
				<img src="imgs/bp.jpg" >
			</div>
			<div class="mod-1">
				<h5>史诗巨献</h5>
				<p>命运变迁</p>
				<img src="imgs/nd.jpg" >
			</div>
		</div>
	</body>
</html>
